<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Title</title>
</head>
<link href="../static/css/bootstrap.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="../static/jQueryMagnifier/css/magnifier.css">
<link href="../static/css/bootstrap-combined.min.css" rel="stylesheet"/>


<script src="../static/js/jquery-3.2.0.min.js"></script>
<script src="../static/js/bootstrapValidator.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/AjaxModel.js"></script>
<script src="../static/js/Excomm.js"></script>

<body>
<div th:include="header::header"></div>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">
        </div>
        <div class="span5" style="margin-left: 0px;">
            <div class="magnifier" id="magnifier1">
                <div class="magnifier-container">
                    <div class="images-cover"></div>
                    <!--当前图片显示容器-->
                    <div class="move-view"></div>
                    <!--跟随鼠标移动的盒子-->
                </div>
                <div class="magnifier-assembly">
                    <div class="magnifier-btn">
                        <span class="magnifier-btn-left">&lt;</span>
                        <span class="magnifier-btn-right">&gt;</span>
                    </div>
                    <!--按钮组-->
                    <div class="magnifier-line">
                        <ul class="clearfix animation03" id="images">

                        </ul>
                    </div>
                    <!--缩略图-->
                </div>
                <div class="my-magnifier-view"></div>
                <!--经过放大的图片显示容器-->
            </div>
        </div>
        <div class="span3" style="margin-top: 100px;">
        <dl>
            <dt style="color: #f89406">
                汽车型号
            </dt>
            <dd th:text="${content.car.appliedOrderId.carXinghao}">

            </dd>
            <dt style="color: #f89406">
                汽车原价
            </dt>
            <dd id="trueMoney">

            </dd>
            <dt style="color: #f89406">
                售卖价格
            </dt>
            <dd id="saleMoney">

            </dd>
            <dt style="color: #f89406">
                服务费
            </dt>
            <dd id="serviceMoney">

            </dd>
            <dt style="color: #f89406">
                起始售卖时间
            </dt>
            <dd id="createTime">

            </dd>
        </dl>
    </div>
    </div>
    <div class="span2">
    </div>
</div>
<div class="container-fluid"style="margin-top: 20px;">
    <div class="row-fluid">
        <div class="span2">
        </div>
        <div class="span8">
            <p>车主：<b th:text="${content.tUser.nickname}"></b>&nbsp;&nbsp;&nbsp;&nbsp;年检到期：<b th:text="${content.car.yearlyInspection}"></b>&nbsp;&nbsp;&nbsp;&nbsp;商业险过期：<b th:text="${content.car.commercialInsurance}"></b>&nbsp;&nbsp;&nbsp;&nbsp;过户次数<b th:text="${content.car.transferCount}"></b></p>
            <p><b>车主描述</b></p>
            <p th:text="${content.car.exteriorTrim}"></p>

        </div>
        <div class="span2">
        </div>
    </div>
</div>

<div class="container-fluid"style="margin-top: 20px;">
    <div class="row-fluid">
        <div class="span2">
        </div>
        <div class="span8">
            <p><b>车辆图片</b></p>
            <ul id="showImages" class="thumbnails">

            </ul>
        </div>
        <div class="span2">
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">
        </div>
        <div class="span8">
            <b style="text-align: center">简约二手车车辆检测报告</b>
            <ul class="nav nav-tabs">
                <li class="active">
                    <p style="color: #f89406">系统设备检测</p>
                </li>
            </ul>
            <ul>
                <li>
                    <p>指示灯系统检测</p>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="success">
                            <td>
                                后雾灯
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.rearFogLamp}">

                            </td>
                            <td>
                                近光灯
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.dippedHeadlight}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                刹车灯
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.stoplight}">

                            </td>
                            <td>
                                倒车灯
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.reversingLamp}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                后转向灯
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.rearTurnLamp}">

                            </td>
                            <td>
                                前雾灯
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.frontFogLamp}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                室内顶灯
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.indoorCeilingLamp}">

                            </td>
                            <td>
                                前转向灯
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.frontTurnLight}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                远光灯
                            </td >
                            <td th:text="${content.carSystemTestIndicatorLight.highBeam}">

                            </td>
                            <td>
                                疝气大灯
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.xenonHeadlamps}">

                            </td>
                        </tr>
                        </tr>
                        <tr class="success">
                            <td>
                                LED大灯
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.ledHeadlight}">

                            </td>
                            <td>
                                自动灯头
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.automaticHeadlamp}">

                            </td>
                        </tr>
                        </tr>
                        <tr class="success">
                            <td>
                                大灯高度可调
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.headlightHeightAdjustable}">

                            </td>
                            <td>
                                大灯清洗
                            </td>
                            <td th:text="${content.carSystemTestIndicatorLight.headlightCleaning}">

                            </td>
                        </tr>

                        </tbody>
                    </table>
                </li>
                <li>
                    <p>刹车及发动机舱检测</p>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="success">
                            <td>
                                气门室盖垫
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.valveCoverGasket}">

                            </td>
                            <td>
                                发动机缸垫
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.engineCylinderPad}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                制动油壶
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.brakeOiler}">

                            </td>
                            <td>
                                冷凝器
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.condenser}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                发动机外围皮带
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.engineBelt}">

                            </td>
                            <td>
                                水箱
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.waterTank}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                电瓶（极柱）
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.battery}">

                            </td>
                            <td>
                                机油液面
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.oilLevel}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                变速箱总成
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.transmissionAssembly}">

                            </td>
                            <td>
                                发动机总成
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.engineAssembly}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                水箱水管
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.waterTankShell}">

                            </td>
                            <td>
                                防冻液液面
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.antifreezeLevel}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                助力油壶
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.oilCanHelp}">

                            </td>
                            <td>
                                转向助力泵
                            </td>
                            <td th:text="${content.carSystemTestBrakeEnginecompartment.powerSteeringPump}">

                            </td>
                        </tr>

                        </tbody>
                    </table>
                </li>
                <li>
                    <p>底盘悬挂项检测</p>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="success">
                            <td>
                                消音器（尾段）
                            </td>
                            <td th:text="${content.carSystemTestChassis.silencer}">

                            </td>
                            <td>
                                右后减震器
                            </td>
                            <td th:text="${content.carSystemTestChassis.rightRearShockAbsorber}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                左前减震器
                            </td>
                            <td th:text="${content.carSystemTestChassis.leftFrontShockAbsorber}">

                            </td>
                            <td>
                                左后减震器
                            </td>
                            <td th:text="${content.carSystemTestChassis.leftRearShockAbsorber}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                右前减震器
                            </td>
                            <td th:text="${content.carSystemTestChassis.rightFrontShockAbsorber}">

                            </td>
                            <td></td>
                            <td></td>

                        </tr>


                        </tbody>
                    </table>
                </li>
            </ul>
            <ul class="nav nav-tabs">
                <li class="active">
                    <p style="color: #f89406">驾驶检测</p>
                </li>
            </ul>
            <ul>
                <li>
                    <p>启动</p>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="success">
                            <td>
                                发动机
                            </td>
                            <td th:text="${content.carTestStartup.fengine}">

                            </td>
                            <td>
                                制动系统
                            </td>
                            <td th:text="${content.carTestStartup.brakingSystem}">

                            </td>
                        </tr>
                        </tbody>
                    </table>
                </li>
                <li>
                    <p>起步</p>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="success">
                            <td>
                                发动机
                            </td>
                            <td th:text="${content.carTestStart.fengine}">

                            </td>
                            <td>
                                变数箱
                            </td>
                            <td th:text="${content.carTestStart.transmissionCase}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                悬挂系统
                            </td>
                            <td th:text="${content.carTestStart.suspensionSystem}">

                            </td>
                            <td>

                            </td>
                            <td>

                            </td>
                        </tr>
                        </tbody>
                    </table>
                </li>
                <li>
                    <p>加速</p>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="success">
                            <td>
                                发动机
                            </td>
                            <td th:text="${content.carTestAccelerate.fengine}">

                            </td>
                            <td>
                                变速箱
                            </td>
                            <td th:text="${content.carTestAccelerate.transmissionCase}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                传动系统
                            </td>
                            <td th:text="${content.carTestAccelerate.driveSystem}">

                            </td>
                            <td>

                            </td>
                            <td>

                            </td>
                        </tr>
                        </tbody>
                    </table>
                </li>
                <li>
                    <p>匀速行驶</p>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="success">
                            <td>
                                发动机
                            </td>
                            <td th:text="${content.carTestUniformDriving.fengine}">

                            </td>
                            <td>
                                变速箱
                            </td>
                            <td th:text="${content.carTestUniformDriving.transmissionCase}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                悬挂系统
                            </td>
                            <td th:text="${content.carTestUniformDriving.suspensionSystem}">

                            </td>
                            <td>
                                转向系统
                            </td>
                            <td th:text="${content.carTestUniformDriving.steeringSystem}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                制动系统
                            </td>
                            <td th:text="${content.carTestUniformDriving.brakingSystem}">

                            </td>
                            <td>

                            </td>
                            <td>

                            </td>
                        </tr>
                        </tbody>
                    </table>
                </li>
                <li>
                    <p>减速与制动</p>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="success">
                            <td>
                                发动机
                            </td>
                            <td th:text="${content.carTestDecelerationBraking.fengine}">

                            </td>
                            <td>
                                变速箱
                            </td>
                            <td th:text="${content.carTestDecelerationBraking.transmissionCase}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                传动系统
                            </td>
                            <td th:text="${content.carTestDecelerationBraking.driveSystem}">

                            </td>
                            <td>
                                悬挂系统
                            </td>
                            <td th:text="${content.carTestDecelerationBraking.suspensionSystem}">

                            </td>
                        </tr>
                        </tbody>
                    </table>
                </li>
            </ul>
            <ul class="nav nav-tabs">
                <li class="active">
                    <p style="color: #f89406">配置参数</p>
                </li>
            </ul>
            <ul>
                <li>
                    <p>基本参数</p>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="success">
                            <td>
                                厂商
                            </td>
                            <td th:text="${content.carBasicParameter.manufacturer}">

                            </td>
                            <td>
                                级别
                            </td>
                            <td th:text="${content.carBasicParameter.level}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                发动机
                            </td>
                            <td th:text="${content.carBasicParameter.engine}">

                            </td>
                            <td>
                                变速箱
                            </td>
                            <td th:text="${content.carBasicParameter.transmissionCase}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                车身结构
                            </td>
                            <td th:text="${content.carBasicParameter.bodyStructure}">

                            </td>
                            <td>
                                长*宽*高(mm)
                            </td>
                            <td th:text="${content.carBasicParameter.lengthWidthHeight}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                轴距(mm)
                            </td>
                            <td th:text="${content.carBasicParameter.wheelbase}">

                            </td>
                            <td>
                                行李箱容积(L)
                            </td>
                            <td th:text="${content.carBasicParameter.cargoVolume}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                整备质量(kg)
                            </td>
                            <td th:text="${content.carBasicParameter.curbWeight}">

                            </td>
                            <td>

                            </td>
                            <td>

                            </td>
                        </tr>
                        </tbody>
                    </table>
                </li>
                <li>
                    <p>发动机参数</p>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="success">
                            <td>
                                排量(L)
                            </td>
                            <td th:text="${content.carEngineParameter.displacement}">

                            </td>
                            <td>
                                进气形式
                            </td>
                            <td th:text="${content.carEngineParameter.intakeForm}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                气缸
                            </td>
                            <td th:text="${content.carEngineParameter.cylinder}">

                            </td>
                            <td th:text="${content.carEngineParameter.maximumHorsepower}">
                                最大马力(Ps)
                            </td>
                            <td>

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                最大扭矩(N*m)
                            </td>
                            <td th:text="${content.carEngineParameter.maximumTorque}">

                            </td>
                            <td>
                                燃料类型
                            </td>
                            <td th:text="${content.carEngineParameter.fuelType}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                燃油标号
                            </td>
                            <td th:text="${content.carEngineParameter.fuelLabel}">

                            </td>
                            <td>
                                供油方式
                            </td>
                            <td th:text="${content.carEngineParameter.oilSupplyMode}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                排放标准
                            </td>
                            <td th:text="${content.carEngineParameter.emissionStandard}">

                            </td>
                            <td>

                            </td>
                            <td>

                            </td>
                        </tr>
                        </tbody>
                    </table>
                </li>
                <li>
                    <p>安全配置</p>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="success">
                            <td>
                                主副驾驶安全气囊
                            </td>
                            <td th:text="${content.carSecurityConfiguration.mainDrivingSafetyAirbag}">

                            </td>
                            <td>
                                前后排侧气囊
                            </td>
                            <td th:text="${content.carSecurityConfiguration.frontAndRearSideAirbags}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                前后排头部气囊
                            </td>
                            <td th:text="${content.carSecurityConfiguration.frontAndRearAirbag}">

                            </td>
                            <td>
                                胎压检测
                            </td>
                            <td th:text="${content.carSecurityConfiguration.tirePressureDetection}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                车内中控锁
                            </td>
                            <td th:text="${content.carSecurityConfiguration.theCarLock}">

                            </td>
                            <td>
                                儿童座椅接口
                            </td>
                            <td th:text="${content.carSecurityConfiguration.childSeatInterface}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                无钥匙启动
                            </td>
                            <td th:text="${content.carSecurityConfiguration.keylessStart}">

                            </td>
                            <td>
                                防抱死系统(ABS)
                            </td>
                            <td th:text="${content.carSecurityConfiguration.abs}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                车身稳定控制(ESP)
                            </td>
                            <td th:text="${content.carSecurityConfiguration.esp}">

                            </td>
                            <td>

                            </td>
                            <td>

                            </td>
                        </tr>
                        </tbody>
                    </table>
                </li>
                <li>
                    <p>外部配置</p>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                            <th>
                                检查项
                            </th>
                            <th>
                                结果
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="success">
                            <td>
                                电动天窗                            </td>
                            <td th:text="${content.carOutConfiguration.electricSunroof}">

                            </td>
                            <td>
                                全景天窗	                            </td>
                            <td th:text="${content.carOutConfiguration.panoramicSunroof}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                电动吸合门
                            </td>
                            <td th:text="${content.carOutConfiguration.electricDoor}">

                            </td>
                            <td>
                                感应后备箱
                            </td>
                            <td th:text="${content.carOutConfiguration.inductionTrunk}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                感应雨刷
                            </td>
                            <td th:text="${content.carOutConfiguration.inductionWiper}">

                            </td>
                            <td>
                                后雨刷	                            </td>
                            <td th:text="${content.carOutConfiguration.rearWiper}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                前后电动车窗	                            </td>
                            <td th:text="${content.carOutConfiguration.frontAndRearPowerWindows}">

                            </td>
                            <td>
                                后视镜电动调节	                            </td>
                            <td th:text="${content.carOutConfiguration.rearviewMirrorElectricAdjustment}">

                            </td>
                        </tr>
                        <tr class="success">
                            <td>
                                后视镜加热	                            </td>
                            <td th:text="${content.carOutConfiguration.rearviewMirrorHeating}">

                            </td>
                            <td>

                            </td>
                            <td>

                            </td>
                        </tr>
                        </tbody>
                    </table>
                </li>
            </ul>
        </div>
        <div class="span2">
        </div>
    </div>



</div>
</body>
<script type="text/javascript" src="../static/jQueryMagnifier/js/magnifier.js"></script>
<script th:inline="javascript" type="text/javascript">
    $(function() {
        /*<![CDATA[*/
        var s=[[${content}]];
        var imgs=s.car.images.split(",");
        $("#trueMoney")[0].innerHTML=s.car.trueMoney+"   :万元";
        $("#saleMoney")[0].innerHTML=s.car.saleMoney+"   :万元";
        $("#createTime")[0].innerHTML=Excomm.transDate(s.car.ceateTime);
        if(s.car.saleMoney*300<=3000){
            $("#serviceMoney")[0].innerHTML="服务费3000￥（车价*3%）,至少3000的服务费";
        }else{
            $("#serviceMoney")[0].innerHTML="服务费" +s.car.saleMoney*10000*3%+"￥（车价*3%）,至少3000的服务费";
        }
        for(var i=0;i<imgs.length;i++){
            $("#images").append(
                    "<li>"
                    +"<div class='small-img'>"
                    +"        <img src='../static/images/"+imgs[i]+"' />"
                    +"      </div>"
                    +"</li>"
            );
            $("#showImages").append(
                    "<li>"
                    +"   <div class='thumbnail'>"
                    +"     <img alt='250x250' height='334px' width='400px' src='../static/images/"+imgs[i]+"' />"
                    +"   </div>"
                    +"</li>"
            );

        };
        /*]]>*/
        var magnifierConfig = {
            magnifier : "#magnifier1",//最外层的大容器
            width : 500,//承载容器宽
            height : 334,//承载容器高
            moveWidth : null,//如果设置了移动盒子的宽度，则不计算缩放比例
            zoom : 5//缩放比例
        };

        var _magnifier = magnifier(magnifierConfig);

        /*magnifier的内置函数调用*/
        /*
         //设置magnifier函数的index属性
         _magnifier.setIndex(1);

         //重新载入主图,根据magnifier函数的index属性
         _magnifier.eqImg();
         */



    });
</script>
</html>